<!--广告回传日志-->

<template>
    <el-container>
        <el-header>
            <el-input v-model="openId" placeholder="请输入OPENID" clearable style="width: 800px;" />
            <el-date-picker
                    v-model="reportDate"
                    type="daterange"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    style="margin-left: 20px;width: 1400px"
            />
            <el-select v-model="reportStatus" placeholder="上报状态" style="margin-left: 20px;">
                <el-option label="请选择" value=""></el-option>
                <!-- Add more options here -->
            </el-select>
            <el-select v-model="reportType" placeholder="上报类型" style="margin-left: 20px;">
                <el-option label="请选择上报类型" value=""></el-option>
                <!-- Add more options here -->
            </el-select>
            <el-button type="primary" @click="search" style="margin-left: 20px;">查询</el-button>
            <el-button @click="reset" style="margin-left: 20px;">重置</el-button>
        </el-header>
        <el-main>
            <el-table :data="tableData" style="width: 100%;">
                <el-table-column prop="index" label="序号" width="50" />
                <el-table-column prop="createTime" label="上报(创建)时间" />
                <el-table-column prop="openId" label="OpenID" />
                <el-table-column prop="orderNumber" label="订单号" />
                <el-table-column prop="reportResult" label="上报结果" />
                <el-table-column prop="reportType" label="上报类型" />
                <el-table-column prop="advertisementType" label="广告类型" />
                <el-table-column prop="manualReport" label="手动上报" />
                <el-table-column prop="pushId" label="推广ID" />
                <el-table-column prop="reportRule" label="上报规则" />
                <el-table-column prop="returnRatio" label="回传比例" />
                <el-table-column prop="chargeAmount" label="充值金额（元）" />
                <el-table-column prop="sendJson" label="发送json" />
                <el-table-column prop="returnJson" label="返回json" />
            </el-table>

        </el-main>
    </el-container>

</template>

<script setup>
    import { ref } from 'vue';
    import { ElMessage } from 'element-plus';

    const openId = ref('');
    const reportDate = ref([]);
    const reportStatus = ref('');
    const reportType = ref('');
    const tableData = ref([]);

    const search = () => {
        ElMessage.info('查询功能尚未实现');
        // Implement your search logic here
    };

    const reset = () => {
        openId.value = '';
        reportDate.value = [];
        reportStatus.value = '';
        reportType.value = '';
        tableData.value = [];
        ElMessage.info('重置功能尚未实现');
    };
</script>

<style scoped>
    .el-header {
        display: flex;
        align-items: center;
        padding: 10px;
    }
</style>
